<template>
  <ClientOnly>
    <AppsDefineBackComponent :left-arrow="false" :title="homePageTopBar()" />
  </ClientOnly>
  <div class="absolute flex flex-col top-14 bottom-12 left-0 w-screen justify-center items-center overflow-scroll">
    <AppsDefineComponentConfig>
      <slot />
    </AppsDefineComponentConfig>
  </div>
  <ClientOnly>
    <AppsDefineBottomBarComponent :onChanage="homePageBottomBarChange" />
  </ClientOnly>
</template>

<script lang="ts" setup>
const homePageIndexStore = useMyHomePageIndexStore()
const homePageTopBar = () => navigateToUserHomePageTopBarTitleShow((homePageIndexStore.statusbarIndex) as number)
const homePageBottomBarChange = (index: number) => {
  console.log('homePageBottomBarChange - ' + index);
}
</script>

<style></style>